<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Login</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <meta name="keywords"
          content="Flat Dark Web Login Form Responsive Templates, Iphone Widget Template, Smartphone login forms,Login form, Widget Template, Responsive Templates, a Ipad 404 Templates, Flat Responsive Templates"/>

    <link href="css/style.css" rel='stylesheet' type='text/css'/>

    <script type="text/javascript" src="js/jquery.min.js"></script>

</head>
<body>

<c:if test="${! empty msg }">
    <script type="text/javascript">

        alert("${msg}");

    </script>
    <!-- 使用完记得清除，避免影响其他页面 -->
    <c:remove var="msg" scope="session"/>
</c:if>

<script>
    $(document).ready(function (c) {
        $('.close').on('click', function (c) {
            $('.login-form').fadeOut('slow', function (c) {
                $('.login-form').remove();
            });
        });
    });
</script>

<h1>登录表单</h1>
<div class="login-form">
    <div class="close"></div>
    <div class="head-info">
        <label class="lbl-1"> </label>
        <label class="lbl-2"> </label>
        <label class="lbl-3"> </label>
    </div>
    <div class="clear"></div>
    <div class="avtar"><img src="images/avtar.png"/></div>
    <form action="userLogin.do" method="post">
        <input type="text" class="text" value="phone" name="phone" onFocus="this.value = '';"
               onBlur="if (this.value == '') {this.value = 'Username';}">
        <div class="key"><input type="password" value="password" name="password" onFocus="this.value = '';"
                                onBlur="if (this.value == '') {this.value = 'Password';}"></div>
        <div class="signin"><input type="submit" value="Login"></div>
    </form>

</div>


<style>
    .copyrights {
        text-indent: -9999px;
        height: 0;
        line-height: 0;
        font-size: 0;
        overflow: hidden;
    }
</style>

</body>
</html>
